@import '@/common/css/variables.less';

/* 纽扣中心 */
.page-coin{
	.coin-member{
		width: 750rpx;height: 300rpx;position: relative;
		.bg{width: 750rpx;height: 300rpx;background-color: rgba(0,0,0,0.8);position: absolute;top: 0;left: 0;z-index: 2;}
		.bg-img{width: 750rpx;height: 300rpx;filter:blur(10px);-webkit-filter:blur(10px);position: absolute;top: 0;left: 0;z-index: 1;}
		.box{
			width: 690rpx;position: absolute;top: 60rpx;left: 30rpx;z-index: 3;
			.photo{width: 120rpx;height: 120rpx;border-radius: 50%;background-color: #fff;border: 3rpx solid #fff;}
			.member{
				width: 490rpx;height: 120rpx;padding-left: 20rpx;
				.level{width: 118rpx;height: 30rpx;margin-left: 26rpx;}
				.font12{line-height: 24rpx;}
				.tel{padding-top: 4rpx;}
			}
			.btn{width: 80rpx;line-height: 40rpx;background-color: #f1d3a8;font-size: 22rpx;text-align: center;border-radius: 20rpx;}
		}
	}
	.coin-number{
		position: relative; top: -80rpx;z-index: 4;
		.item{
			width: calc(100% / 3);height: 134rpx;
			.font11{padding-top: 8rpx;}
		}
	}
	.coin-entry{
		margin-top: -40rpx;
		.item{
			width: 350rpx;height: 125rpx;
			&:nth-of-type(2n-1){border-right: 2rpx solid #f5f5f5;}
			&:nth-of-type(1),&:nth-of-type(2){border-bottom: 2rpx solid #f5f5f5;}
			.icon{width: 36rpx;height: 36rpx;margin-right: 40rpx;margin-left: 78rpx;}
			.p2{padding-top: 6rpx;}
		}
	}
	.coin-er{
		margin-top: 40rpx;padding: 0 30rpx;
		.item{
			height: 100rpx;line-height: 100rpx; border-bottom: 2rpx solid #f5f5f5;
			&:last-child{border-bottom: none;}
			.icon{
				width: 28rpx;height: 28rpx;margin-right: 26rpx;
				&.icon1{height: 27rpx;}
			}
		}
	}
}

/* 提现 */
.page-cash {
	.balance {height: 96rpx;width: 750rpx;padding: 0 34rpx;border-bottom: 2rpx #f5f5f5 solid;}
	.amount {
		height: 140rpx;padding-left: 34rpx;border-bottom: 2rpx #f5f5f5 solid;
		input {font-size: 40rpx;padding-left: 44rpx;height: 140rpx;}
	}
	.tips {height: 90rpx;line-height: 90rpx;padding-left: 34rpx;font-size: 24rpx;color: #969696;}
	.item {
		display: flex;align-items: center;height: 110rpx;font-size: 30rpx;padding-left: 34rpx;border-bottom: 2rpx #f5f5f5 solid;
		.label {
			padding-right: 40rpx;
			text {color: #ff4444;}
		}
		input {height: 110rpx;}
		.icon1 {width: 27rpx;height: 27rpx;margin-right: 30rpx;}
		.icon2 {width: 29rpx;height: 29rpx;margin-right: 12rpx;}
	}
}

/* 累计纽扣币 */
.page-total {
	.part1 {
		padding: 40rpx 30rpx;
		.p2 {
			padding-top: 30rpx;
			.font12{padding-left: 10rpx;}
			.btn{width: 135rpx;height: 45rpx;line-height: 45rpx;text-align: center;background-color: #ff3c37;border-radius: 5rpx;font-size: 26rpx;color: #ffffff;}
		}
	}

	.item {
		height: 94rpx;padding: 0 30rpx;border-bottom: 2rpx #f5f5f5 solid;
		&:last-child { border-bottom: none; }
		.right {
			display: flex;align-items: baseline;
			view {margin-left: 10rpx;}
		}
	}

	/* 用户需知 */
	.needknow {
		padding: 20rpx 30rpx;
		.tips {font-size: 26rpx;color: #969696;padding-top: 20rpx;}
	}
}

/* 提现明细 */
.page-reflect{
	padding-bottom: 0;
	.filter-bar{margin-bottom: 0;}
	.reflect-list{
		.item {
			padding: 42rpx 25rpx;border-bottom: 2rpx #f5f5f5 solid;
			.p2, .p3{padding-top: 30rpx;}
		}
	}
}

/* 有效会员 */
.page-member{
	padding-bottom: 0;
	.filter-bar{margin-bottom: 0;}
	.member-head {
		height: 110rpx;font-size: 28rpx;padding: 0 34rpx;
		text {color: #ff3c37;padding: 0 8rpx;}
	}
	.member-list{
		.p{
			font-size: 26rpx;padding: 0 34rpx;height: 90rpx;
			&.p2{border-top: 2rpx #f5f5f5 solid;}
			text{color: #ff3c37;}
			.photo {width: 46rpx;height: 46rpx;border-radius: 50%;margin-right: 22rpx;}
		}
	}
}

/* 我的二维码 */
.home_code{
	width: 500rpx;height: 726rpx;position: relative;
	.close{position: absolute;right: -40rpx;top: -60rpx;}
	.homeC_Image{width: 500rpx;height: 726rpx;}
	.homeC_box{
		width: 500rpx;height: 726rpx;background-image: url(https://static.newbeaconhotels.com/app/hotel/my/cbk.png);
		display: flex;flex-direction: column;align-items: center;padding-top: 106rpx;
		.homeC_headimgurl{width: 80rpx;height: 80rpx;border-radius: 50%;margin-bottom: 22rpx;}
		.homeC_wxcode{height: 280rpx;width: 280rpx;margin-top: 50rpx;margin-bottom: 16rpx;}
	}
	.homeC_button{width: 284rpx;height: 65rpx;background-color: @theme-color;border-radius: 33rpx;margin: 35rpx auto 0;}
}

/* 纽扣日志 */
.page-growth {
	padding-bottom: 0;
	.growth-total {
		height: 80rpx;padding: 0 36rpx;
		.font20 {padding-left: 10rpx;}
	}
	.growth-list{
		padding-top: 20rpx;
		.growth-item {
			width: 678rpx;padding: 24rpx 30rpx;margin: 0 auto 20rpx;
			.p2 {color: #c8c8c8;padding-top: 18rpx;}
		}
	}
}
